<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>评论区</title>
	<style>
	#farther{
		width: 500px;
		height: 300px;
		border: 1px solid black;
		margin-bottom: 20px;
	}
	#son{
		width: 450px;
		border: 1px solid black;
		mar gin-top: 100px;
		marg in-left: 20px;
		margin:100px auto;
	}
	 span{
		
		width: 10px;
		height: 10px;
		border: 1px solid black;
		margin-left: 30px;
		border-radius: 30%;
		padding: 5px;
		
	}
	span#one{
		width: 10px;
		height: 10px;
		border: 0px solid white;
		text-decoration: ;
	}
	
	</style>
	</head>
	<body>
		<div id="farther">
			<div id="son">
			</div>
		</div>
		<div>
		<span id="one">1</span>
		<span > <a href="#">2</a></span>
		<span ><a href="#">3</a></span>
		<span ><a href="#">4</a></span>
		<span ><a href="#">5</a></span>
		<span ><a href="#">6</a></span>
		</div>

	</body>
</html>